@charset "utf-8";
html,body{padding:0px; margin:0px;font:14px 微软雅黑;color:#666666;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.border{border:1px solid #DFDFDF;}
.bg{background-color: #B0C4DE;}
.bg1{background-color: #CAFF70;}
.bg2{background-color: #FFC1C1;}
.bg3{background-color: #FFA07A;}
.bg4{background-color: white;}
.hj200 {line-height: 200%;}
.mt30{margin-top: 30px}
.mt20{margin-top: 20px}
.mt10{margin-top: 10px}
.w0{width: 100%}
.w1100{width: 1100px;margin:0 auto;}
a { text-decoration: none; outline: none; color: #666666; transition: 0.2s; }
p{text-align: justify;text-justify:inter-ideograph;margin: 0;}
li { list-style-type: none; vertical-align: top; margin: 0;padding:0;}
ul {margin: 0;padding: 0;}
img{margin: 0;padding: 0;}
img { border: 0; vertical-align: top; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; margin: 0;padding: 0}

/*head start*/
.head{height: 150px;background: url(../images/logo.png) no-repeat center;position: absolute;z-index: 999}
.head_body .hb_top{width: 1100px;height: 30px;text-align: right}
.head_body .hb_top p{text-align: right;line-height: 30px;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{ width:880px;margin:0 auto; height:39px; line-height:39px;;position:relative;z-index:9999;top: 66px;left: 20px;}
.nav a{ color:#fff;}
.nav .nLi{width:87px;float:left;  position:relative; display:inline;text-align: center;}
.nav .nLi h3 a{ display:block; font-size:15px; font-weight:bold;}
.nav .sub{ display:none; width:87px; left:0; top:39px;  position:absolute;background:url(../images/libgn.png);line-height:38px;}
.nav .sub li{width: 87px; zoom:1;font-size: 14px;border-bottom: 1px dashed #ccc;}
.nav .sub a{ display:block; padding:0 10px;color:#666;}
.nav .sub a:hover{ background:#21B5B4; color:#666;}
.nav .on{ background:url(../images/light.png) no-repeat center;text-align: center;}
.nav li:nth-child(2) .sub{padding: 5px 0}
.nav li:nth-child(4) .sub{width: 180px;left: -46.5px;padding: 5px 0}
.nav li:nth-child(4) .sub li{width: 180px;}
.nav li:nth-child(5) .sub{width: 170px;left: -26.5px;padding: 5px 0}
.nav li:nth-child(5) .sub li{width: 170px;}
.nav li:nth-child(6) .sub{width: 140px;left: -26.5px;padding: 5px 0}
.nav li:nth-child(6) .sub li{width: 140px;}
.nav li:nth-child(7) .sub{width: 110px;left: -11.5px;padding: 5px 0}
.nav li:nth-child(7) .sub li{width: 110px;}

.nav li:nth-child(3) .sub{padding:0;}
.nav li:nth-child(8) .sub{padding:0;}
.nav li:nth-child(9) .sub{padding:0;}
/*head end*/

/*banner start*/
.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top:-40px; position:relative;z-index:100;margin-bottom:20px;}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url("../images/themes.gif") no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
/*banner end*/

/*company start*/
.company{height: 80px;background: #000;opacity: 0.6;position: absolute;top:512px;z-index: 9999}
/*company end*/

/*service start*/
.pt{margin:40px auto;}
.pl_l{width: 343px;height: 550px}
.pl_l .p_bot img{  display: block;
    -moz-transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
    transition:.5s ease-in;}
.pl_l .p_bot:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
.pl_l .p_bot{width: 342px;height: 215px;border:1px solid #dfdfdf;position: relative;overflow: hidden;margin-top: 22px;}

.pl_m{width: 343px;height: 550px;margin-left: 35px;}
.pl_r{width: 343px;height: 550px;margin-left: 36px;}
.p_top{width: 343px;height: 310px;}
.p_bot{width: 343px;height: 215px;margin-top:30px;overflow: hidden;}
.pl_l .p_top b{font-size: 18px;color: #222}
.pl_l .p_top p{/*text-indent: 2em;*/line-height: 200%;padding:0 0px;font-size: 16px; }
.pl_l .p_top .more{width: 343px;height: 105px;/*background-color: #21B5B4;*/margin-top: 12px;text-align: center;line-height: 20px;color: #fff;font-size: 15px;position: relative;}
.pl_l .p_top .more .img{width: 343px;height: 105px;overflow: hidden;}
.pl_l .p_top .more img{z-index: -1;}
.pl_l .p_top .more .fuxm_zi{width: 343px;height: 105px;position: absolute;top: 0}
.pl_l .p_top .more img{  display: block;
    -moz-transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
    transition:.5s ease-in;}
.pl_l .p_top .more:hover img{ transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2)}

.pl_l .p_top .more:hover {background-color: #1CCBCB}
.pl_l .p_top .more .fw{text-indent: 0;position: relative;top:18px;line-height: 100%; text-justify:inter-ideograph;padding: 0 0px 0 75px; font-size: 23px;}
.pl_l .p_top .more b{position: relative;top: 8px;color: #fff}


.pl_m .p_top{width: 342px;height: 258px;position: relative;overflow: hidden;border-radius: 15px;box-shadow: 3px 3px 10px #222;}
.pl_m .p_bot{width: 342px;height: 258px;position: relative;overflow: hidden;border-radius: 15px;box-shadow: 3px 3px 10px #222;}
.pl_r .p_top{width: 342px;height: 258px;position: relative;overflow: hidden;border-radius: 15px;box-shadow: 3px 3px 10px #222;}
.pl_r .p_bot{width: 342px;height: 258px;position: relative;overflow: hidden;border-radius: 15px;box-shadow: 3px 3px 10px #222;}

.pl_m .p_top p{ height:258px; width: 100%; position: absolute; left: 0; top: -258px; color: #ffffff; z-index: 2; }
.pl_m .p_top p i{ width: 342px; height: 258px; display: block; position: absolute; left: 0; top: 0;z-index: -1;background: #F84541; opacity: 0.8; -moz-opacity:0.8; filter:alpha(opacity=80); font-size: 16px; }

.pl_m .p_bot p{ height:258px; width: 100%; position: absolute; left: 0; top: -258px; color: #ffffff; z-index: 2; }
.pl_m .p_bot p i{ width: 342px; height: 258px; display: block; position: absolute; left: 0; top: 0;z-index: -1;background: #2793E3; opacity: 0.8; -moz-opacity:0.8; filter:alpha(opacity=80); font-size: 16px; }

.pl_r .p_top p{ height:258px; width: 100%; position: absolute; left: 0; top: -258px; color: #ffffff; z-index: 2; }
.pl_r .p_top p i{ width: 342px; height: 258px; display: block; position: absolute; left: 0; top: 0;z-index: -1;background: #7055B2; opacity: 0.8; -moz-opacity:0.8; filter:alpha(opacity=80); font-size: 16px; }

.pl_r .p_bot p{ height:258px; width: 100%; position: absolute; left: 0; top: -258px; color: #ffffff; z-index: 2; }
.pl_r .p_bot p i{ width: 342px; height: 258px; display: block; position: absolute; left: 0; top: 0;z-index: -1;background: #21B5B4; opacity: 0.8; -moz-opacity:0.8; filter:alpha(opacity=80); font-size: 16px; }

.pt .img{width: 342px;height:258px;text-align: center;}
.pl_m p span{display: block;width: 90%; margin: 0 auto; line-height:24px; font-size: 12px; padding-top:50px;font-size: 18px;text-align: center;}
.pl_m p span font{position: relative;top:20px;color: #fff;font-size:14px;text-align: center;}
.pl_m p a{padding:5px 15px; color: #fff;border:1px solid #fff;line-height: 14px;font-size: 14px;position: relative;top: 20px;left: 45%;}

.pl_r p span{display: block;width: 90%; margin: 0 auto; line-height:24px; font-size: 12px; padding-top:50px;font-size: 18px;text-align: center;}
.pl_r p span font{position: relative;top:20px;color: #fff;font-size:14px;text-align: center;}

.pl_r p  a{padding:5px 15px; color: #fff;border:1px solid #fff;line-height: 14px;font-size: 14px;position: relative;top: 20px;left: 45%;}
.pt_out .cover img{  display: block;
    -moz-transition:.5s ease-in;
    -webkit-transition:.5s ease-in;
    -o-transition:.5s ease-in;
    -ms-transition:.5s ease-in;
    transition:.5s ease-in;}
.pt_out .cover:hover img{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1)}
/*service end*/


/*kyly start*/
.title_p{height: 40px;background: url(../images/title_p.png) no-repeat center;}
.bg{padding:20px 0 30px 0;background: url(../images/kylybg.jpg) no-repeat center;}
.kyly{width: 1200px;height:300px;margin: 0 auto;position: relative;top: 0px;}
.kyly .slideBox{width: 1100px; overflow:hidden; zoom:1; padding-left:50px; position:absolute;z-index: 9999   }
.kyly .sPrev,.kyly .sNext{ position:absolute; left:5px; top:0px; display:block; width:46px; height:300px; background:url(../images/arrow-left.png) no-repeat center; }
.kyly .sNext{width:46px; height:300px; left:auto; right:5px; background:url(../images/arrow-right.png) no-repeat center;  }
.kyly .sPrev:hover,.slideGroup .sNext:hover{ border-color:#f60;  }

.kyly .con{width:1300px;}
.kyly .con .ul1 .li1{width:260px;height:300px;float:left;position:relative;overflow:hidden;cursor:pointer;}
.kyly .txt{width:260px;height:35px;color:#333;font-family:"微软雅黑";background: #BFBFBF;font-size: 15px;position: absolute;z-index: 10000}
.kyly .txt h3{font-size:15px;font-weight:bold;height:35px;text-align:center;line-height:35px;}
.kyly .txt a{color:#333;}
.kyly .txt p{font-size:14px;text-align:center;position: relative;top: -2px}

.kyly .ul1{ overflow:hidden; zoom:1;   }
.kyly .ul1 .li1{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center; background: #fff; display:block;}
.kyly .ul1 .li1 .pic{ text-align:center; }
.kyly .ul1 .li1 .pic img{ width:240px; height:165px; display:block;  padding:2px; border:1px solid #ccc; }
.kyly .ul1 .li1 .pic a:hover img{ border-color:#999;  }
.kyly .ul1 .li1 .title{ line-height:24px;   }
.kyly .ul1 .li1 ul {position: absolute;z-index: 10000}
.kyly .ul1 .li1 ul li{width: 130px;height: 45px;line-height: 45px;text-align: center;}
.kyly .ul1 .li1 ul li img{position: relative;top: 7px;left: -2px;}
.kyly .ul1 .li1 .more a{width: 260px; display:block;height: 35px;background: #BFBFBF;line-height: 35px;position: absolute;z-index: 10000;margin-top: 90px;}
.kyly .ul1 .li1:hover .txt{background: #4DC3C3;}
.kyly .ul1 .li1:hover .txt a{color: #fff}
.kyly .ul1 .li1:hover .more a{background: #4DC3C3;color: #fff}
.kyly .ul1 .li1 i{width: 100%;height: 100%;display:block; position: absolute; left: 0; top: 0;z-index:999;background: #21B5B4; opacity: 0.2;}
.kyly .ul1 .li1:hover i{z-index: 999;display: block}
/*kyly end*/

/*product start*/
.product{padding:25px 0 35px 0;background: #efefef}
.product .title_p{height: 40px;background: url(../images/title_p.png) no-repeat center;}

.product .pro_body ul li{width: 250px;height: 282.5px;margin-left: 33.3px;margin-top: 30px;border-bottom: 2px solid #21B5B4}
.product .pro_body ul li:nth-child(1) {margin-left: 0px;}
.product .pro_body ul li:nth-child(5) {margin-left: 0px;}
.product .pro_body ul .protop{width: 250px;height: 35px;background: #21B5B4;color: #fff;text-align: center;line-height: 35px;font-size: 15px;}
.product .pro_body ul .probot{width: 250px;height: 60px;background: #fff}
.product .pro_body ul .probot .plist{width: 125px;line-height: 60px;font-size: 15px;}
/*product end*/

/*new start*/
.new{margin:40px auto;}
.new .new_l{width: 530px;}
.new .new_l .title{width: 530px;height: 36px;background: url(../images/line1.png) no-repeat center;font-size: 18px;}
.new .new_l .title font{color: #CBCBCB;font-size: 16px;}
.new .new_l .title a{font-size: 13px;line-height: 35px;}
.new .new_l .newimg{margin-top:15px;}
.new .new_l .newzi{margin-top: 15px;}
.new .new_l .newzi b{font-size: 16px;}
.new .new_l .newzi font{font-size: 13px;}
.new .new_l .newzi p{text-indent: 2em;line-height: 150%;margin-top: 10px;}
.new .new_l .newzi p a{color: #21B5B4;font-weight: bold;}
.new .new_l .newzi ul li{height: 32px;line-height: 32px;border:1px dashed #d1d1d1; border-width: 0 0 1px 0}
.new .new_l .newzi ul li:hover {color: #888}
.new .new_r{width: 530px;}
.new .new_r .title{width: 530px;height: 36px;background: url(../images/line1.png) no-repeat center;font-size: 18px;}
.new .new_r .title font{color: #CBCBCB;font-size: 16px;}
.new .new_r .title a{font-size: 13px;line-height: 35px;}
.txtScroll-top{width:530px; overflow:hidden;}
.txtScroll-top .infoList li{ height:80px; margin-top: 15px;}
.txtScroll-top .infoList li .anliimg{width: 140px;height: 76px;border:1px solid #dfdfdf;padding:1px;margin: 0 15px;}
.new .que{width: 310px;margin-top: 20px;}
.new .que li{width:155px;height: 34px;line-height: 34px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.new .que li:hover {color: #444}
.new .que li img{position: relative;top: 3px;}
/*new end*/

/*honor start*/
.honor{padding: 30px 0;background: #efefef}
.honor .title{height: 50px;background: url(../images/title_h.png) no-repeat center;}

.honor .picMarquee-left{ width:1100px;  overflow:hidden; position:relative;}
.honor .picMarquee-left .bd{padding-top: 20px;}
.honor .picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.honor .picMarquee-left .bd ul li{ margin:0 35px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.honor .picMarquee-left .bd ul li .pic{ text-align:center; }
.honor .picMarquee-left .bd ul li .pic img{ width:200px; height:150px; display:block; padding:2px; }
.honor .picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
.honor .picMarquee-left .bd ul li .title{ line-height:24px; }
/*honor end*/

/*footer start*/
.footer{background: #434343;padding:30px 0;color: #fff}
.footer a{color: #A0A0A0}
.footer .foot_body .ul1{width: 200px;height: 180px;border:1px solid #A0A0A0;border-width: 0 0 1px 0}
.footer .foot_body .ul1 li{height: 28px;line-height: 28px;}
.footer .foot_body .ul1 .title{font-size: 18px;height: 35px;line-height: 35px;}
.footer .foot_body .ul2{width: 230px;height: 180px;border:1px solid #A0A0A0;border-width: 0 0 1px 0}
.footer .foot_body .ul2 li{height: 28px;line-height: 28px;}
.footer .foot_body .ul2 .title{font-size: 18px;height: 35px;line-height: 35px;}
.footer .foot_body .case li{width: 240px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.footer .foot_body .contact{width: 270px;}
.footer .foot_body .contact .li1{height: 20px;line-height: 20px;color:#A0A0A0}
.footer .foot_bot{padding-top: 20px;}
.footer .foot_bot p{text-align: center;}
.footer .ewm{width: 200px;height: 180px;background: url(../images/ewm.png) no-repeat center right;border-bottom: 1px solid #A0A0A0}
/*footer end*/

/*main start*/
.main{padding:30px 0;}
.main .ml_top{width: 240px;height: 79px;background: url(../images/pro_list.png) no-repeat center;line-height: 75px;text-align: center;color: #fff;font-size: 18px;}
.main .ml_top b{font-size: 20px;}
.main .main_left ul li{/*width: 200px;height: 45px;margin:6px 0;background: url(../images/list.png) no-repeat center;line-height: 45px;padding-left: 40px;color: #fff;font-size:16px;font-weight: bold;*/    width: 130px;
    height: 45px;
    margin: 6px 0;
    background: url(../images/list.png) no-repeat center;
    line-height: 45px;
    padding-left: 40px;
    padding-right: 70px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.main .main_left ul li:hover {background: url(../images/list2.png) no-repeat center;}
.main .contact{width: 240px;height:250px;background:url(../images/contact.png) no-repeat center;}
.main .contact p{line-height: 180%;position: relative;left: 10px;color: #444;font-size: 12px;}
.main .contact p b{font-size: 15px;color: #1CC1C1}
.main .main_right{width: 820px;}
.main .main_right .mr_top{width:800px;padding:0 10px;height: 45px;background: url(../images/line.png) no-repeat center;line-height: 40px;}
.main .main_right .mr_top font{font-weight: bold;font-size: 20px;color: #3C3C3C}
.main .main_right .mr_body{padding:10px 10px 0;}
.main .main_right .mr_body p{text-indent: 2em;line-height: 160%}
/*main end*/

.links{clear:both;line-height:28px;color:#fff;background:#5D5C5C;font-size: 16px;}
.links a{font-size: 12px;color:#fff;}
.ny_title h2{line-height:40px;color:#666666;font-size:18px;border-bottom: 1px #ccc dashed;margin-bottom:10px;font-weight: bold;}
dl.news_dl {font-size:14px; color:#666; padding:5px; line-height:22px; border-bottom:1px dashed #CCCCCC;    margin: 6px;}
.news_dl a img:hover{ background: #EE7703;}
dl.news_dl a{ color:#000; }
dl.news_dl dt {line-height:24px;height:24px;width:780px;overflow:hidden;}
dl.news_dl .dt_1 { height:20px;padding-left:20px;    font-size: 16px;color: #666666; font-weight:bold;text-decoration:none;  }
dl.news_dl .dt_2 { font-size:12px; float:right; padding:0 10px 0 8px;  font-family:"Microsoft YaHei"; }
dl.news_dl .dt_3 { font-size:12px;}
dl.news_dl .dt_3 a { color:#FF0000; text-decoration:underline;} 
dl.news_dl dd {font-size:12px;overflow:hidden;}
.articlefuwu ul li a{ border:1px #ccc solid; margin:7px; padding:5px; width:240px;height: 210px; float:left; }
.articlefuwu ul li img{ display:block;margin: 0 auto;}
.articlefuwu ul li h1{ text-align:center; font-weight:bold; line-height: 30px; font-size: 16px;}
.articlefuwu ul li p{ line-height:25px; text-align:justify;}
.articlefuwu ul li a:hover{ background:#0076B5; color:#fff; }

/* articleBox */
.articleBox li { overflow: hidden; zoom: 1; border-bottom:1px #ccc dashed; padding-bottom: 20px; margin-bottom: 20px; }
.articleBox img { width: 210px; height: 149px; border: 1px solid #EFEFEF; padding: 4px; }
.articleBox img:hover{ background:#0076B5; }
.articleBox .fr { width: 560px; }
.articleBox .fr h2 { font-size: 16px; font-family: 'Microsoft Yahei'; margin-bottom: 4px; padding-top:20px; }
.articleBox .fr h2 a { color: #000; }
.articleBox .fr h2 a:hover { color: #0076B5; }
.articleBox .fr h2 span { background: url(../images/time.png) no-repeat 0 3px; padding-left: 24px; float:right; color: #a1a1a1; margin-bottom: 5px; }
.articleBox .fr .more { color:#0076B5; float: right;}
.articleBox p a:hover { text-decoration: underline; }
.articleBox .img { position: relative; }
.articleBox .img img { position: relative; z-index: 9; }
.articleBox .img em { position: absolute; width: 210px; height: 130px; background: url(../images/timeBg.png) no-repeat #1b8700; left: 5px; top: 5px; }
.articleBox .img span { color: #fff; position: absolute; width: 100%; text-align: center; left: 0; }
.articleBox .date { font-family: 'Microsoft Yahei'; font-size: 60px; line-height: 60px; top: 24px; }
.articleBox .yam { font-family: Arial; font-size: 18px; top: 88px; }
.sideWrap { margin-bottom: 19px; }
.sideWrap h2 { background:#1C5C9A;margin-top: 15px; height: 43px; line-height: 43px; font-size:24px; font-weight: bold;color: #fff;text-align: center;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.sideWrap h2 span{ padding-left:10px;}
.sideBox { background: #f2f2f2;}
.sideNewsBox { padding: 11px 12px 13px 11px; }
.sideNewsBox li { border-bottom: 1px solid #d2d2d2; height: 29px; line-height: 29px;  width: 175px !important;}
.sideNewsBox h3 a {background: url(../images/arrow.gif) no-repeat 0 center;color:#393939;display: block;font-size: 13px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;line-height: 30px;}
.sideNewsBox h3 a:hover {color:#B51C21;font-size: 14px;font-weight: bold;}
.sideContactBox { padding: 12px 40px 14px 17px; line-height: 26px; color: #535353; }

.per{float:left;margin-top:20px; text-align:center; width: 100%;margin-bottom: 20px; background:#eee;}
.per p{ line-height:35px; margin:0px;  padding:0px 10px;width:auto; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.cgbt{border-bottom: 1px #ccc solid;font-size: 18px;font-weight: bold; width:810px;}
.xgwz{float:left; margin-bottom:40px;}.xgwz ul{ padding:0px;}
.xgxw{ width:360px;line-height: 25px; height:25px; float:left;margin:5px 20px;border-bottom: 1px #ccc dashed;white-space: nowrap;overflow: hidden;}
.xgxw a{background: url(../images/arrow.gif) no-repeat 0 center; padding-left: 10px;}
.web_pages{display: inline-block;width:810px;}
.web_pages ul{float:left;padding:12px 0px 12px 36px;}
.web_pages ul li{float:left;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;}
.web_pages ul li a{float:left;padding:10px;color:#555;display:block;}
.web_pages ul li a:hover{background-color:#0076B5; color:#fff;text-decoration:none;padding:10px;}
.web_pages ul li.thisclass,
.web_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#0076B5; color:#fff;padding:5px;font-weight:bold;}
.web_pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}
.web_pages .pageinfo strong{color:#555;margin:0px 2px;}
.pro_img{ width:820px; margin: 0px auto; height:auto;    overflow: auto;}
.pro_img ul{ padding:0px; margin:0px;list-style:none; }
.pro_img ul li{ float:left;width:222px; margin:10px 25px;height: 210px;}
.pro_img ul li a{text-decoration:none;} 
.pro_img ul li a img{ width:220px; height:165px; border:1px #ccc solid; border-radius:3px; }
.pro_img ul li a span{ width:220px; line-height:20px; height:20px;text-align:center; color:#666; display:block; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }
.pro_img ul li a img:hover{ width:240px; height:180px;position:absolute;margin-left:-10px;}
.pro_img2{ width:800px; margin: 0px auto; height:auto    overflow: auto;}
.pro_img2 ul{ padding:0px; margin:0px;list-style:none; }
.pro_img2 ul li{ float:left;width:150px; margin:10px 5px;height: 160px;}
.pro_img2 ul li:hover img{transform: scale(1.05);}
.pro_img2 ul li a{text-decoration:none;} 
.pro_img2 ul li a img{ width:150px; height:113px; border:1px #ccc solid; border-radius:3px; }
.pro_img2 ul li a span{ width:150px; line-height:20px; height:20px;text-align:center; color:#666; display:block; white-space: nowrap;overflow: hidden; text-overflow: ellipsis; }


.productBox { width:810px; overflow: hidden;margin-top: 20px }
.productBox li { float: left; position: relative; width: 228px; /*height:220px; border: 1px solid #858585;*/ background: #f4f4f4; margin:0px 20px; margin-bottom: 24px; border: 1px #ccc solid;}
.productBox h3 { text-align: center;    line-height: 25px; font-size: 16px; color: #716868; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
.productBox h4 {margin-bottom: 8px;text-align: center;font-size: 12px;color: #F00;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;line-height: 20px;}
.productBox p { padding: 0 5px; line-height: 20px; color: #737373; height: 40px; overflow: hidden; margin-bottom: 10px; }
.productBox span { width: 78px; height: 19px; border: 1px solid #929292; text-align: center; color: #777; display: block; line-height: 19px; position: relative; left: 5px; }
.productBox .on {background:#0564BF;border-color: #1CC1C1;}
.productBox .on h3 { color: #fff;line-height: 50px;cursor:pointer; }
.productBox .on h4 { display:none; color: #fff; }
.productBox .on p { color: #fff;}
.productBox .on span { border-color: #125ed6; background: #fff; color: #125ed6;}

#content01 h3{ font-size: 20px;padding: 10px;margin-left: 22px;color:#04AFDA;line-height: 20px;font-weight: 600;border-bottom: #d6d6d6 1px solid;    clear: both; }
#content01 h3 span{float: right;font-weight: 100; font-size: 12px;color: #666666;}
#content01{float:left;line-height:30px;font-size:14px;margin-left:10px;margin-right:10px; margin-bottom:20px;    width: 1100px;}
#contact-c li{margin-top:10px;}
.linkbox{padding:0px 30px; width:auto;}.f6{width:990px;}.linkbox h3{ width:150px;}
.linkbox ul li{border-bottom:1px #ccc dashed;margin-left:15px; width:auto; float:left;list-style:none; line-height:30px;text-align: center; margin-bottom: 10px;}
.hotnew_bt{font-size:16px;width:1100px;float:left;color:#666666;font-weight: bold;border-bottom:#0084C8  2px solid;margin-bottom: 20px;}
.hotnew{ width:auto;padding: 0px 30px;}
.hotnew ul li{border-bottom:1px #ccc dashed; float:left;margin-left:15px;}
.wrapper {width:1200px;margin: 0 auto;}

/* Pop */

@-webkit-keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.pop {
  display: inline-block;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pop:hover {
  -webkit-animation-name: pop;
  animation-name: pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

/* Rotate */